<!-- HR背调 -->
<template>
	<view class="container pb-30">
		<Navbar title="报告查询" bgColor="#664690" leftIconColor="#fff" :titleStyle="{color: '#fff'}" />
		
		<view class="banner mb-60 d-flex">
			<image src="/static/image/adjustment/banner.svg" mode="widthFix" class="banner_image"></image>
			<text class="title">人才录用，先核背景</text>
		</view>
		
		<view class="content">
			<Report class="mb-30" />
			
			<RuleForm btnText="立即查询￥39.8" />
		</view>
	</view>
</template>

<script setup>
	import {reactive} from 'vue'
	import Navbar from '@/components/Navbar/index.vue'
	import Report from '@/query/Adjustment/components/Report.vue'
	import RuleForm from '@/query/components/ruleForm.vue'
</script>

<style lang="scss" scoped>
	@import '@/query/scss/index.scss';
	
	.container {
		background: linear-gradient(to bottom, #664690, #fff);
		
		.banner {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			
			&_image {
				margin: auto auto -70rpx;
				width: 450rpx;
			}
			
			.title {
				color: #fff;
				font: {
					size: 36rpx;
					weight: bold
				}
			}
		}
	}
</style>
